<!DOCTYPE html>
<html lang="en">
<head>
	<meta charset="UTF-8">
	<title>模板</title>
</head>
<body>
    <ul>
    	<li>
    		<h3>电脑</h3>
    		<p>联想</p>
    		<p>华为</p>
    		<p>华硕</p>
    	</li>
    </ul>
    <button onclick="fn()">点击试试</button>
    <script src="jquery-1.8.3.min.js"></script>
	<script>
		let [a,b,c,d]=['手机','小米','OPPO','VIVO']
		let str=` 
        <li>
    		<h3>${a}</h3>
    		<p>${b}</p>
    		<p>${c}</p>
    		<p>${d}</p>
    	</li>
		`
		function fn(){
			$('ul').first().append(str)
		}
	</script>

</body>
</html>